/**************************************
 *
 * VLOOK 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * For(wechat): holysheng
 * 2024-1
 *
 * 配套的预置选项：
 * vlook-chp-autonum: h1{{#none#}},h2{{#none#}},h3{{### }},h4{{### }},h5{{#ALPHA-min# }}
 * 配套的调校参数要求：
 * quote=off
 *
 *************************************/

@import "../theme-hope";

// 主题信息
@themeVer: "V24.2";
@themeName: "vlook-x-qimao";
@themeDesc: "× QiMao";
@themeEmail: "882007@qq.com";

// 指定字体主题
.applyFontStyle(local);
// 指定主题配套的圆角
.applyThemeRadius(small);

// 文档背景色
@bgLight4Theme: #F9FAF6;
@bgDark4Theme: #222420;
.applyDocBgColor(@bgLight4Theme, @bgDark4Theme);
.applyDocTextColor(@bgDark4Theme, @bgLight4Theme);
// .applyPanelColor(@panelColorLight, @panelColorDark);
.applyDocBgImg(url(""), url(""));

:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: var(--thm-fav-logo-lg);
}

// 主题主色
@theme1: #F08519;
@theme2: #008FD7;
@theme3: #FFFFFF;
// @theme4: @bgLight4Theme;
@theme1Dark: @theme1;
@theme1Alt: #FAEDE1;
@theme1AltDark: #6B3B0B;
@theme2Dark: @theme2;
@theme2Alt: #D8E4EB;
@theme2AltDark: #004E75;

@themeForeColor: @theme1;
@themeBgColor: #F9FAF6;
@themeBgColorDark: darken(@themeForeColor, 20%);
@themeBgColorAlt: lighten(@themeForeColor, 42%);

// 标题背景
@headerBackground: none;

@h1FontSize: 1.875em;
@h2FontSize: 1.5em;

// 标题内文本背景
@h2SpanBackground: @buttonBgColor;
// 标题色
@headerColor: @theme1;
@headerColorDark: @theme1Dark;
// 渐变标题色 h1-h5
// @lgHeaderBg: none;
// @lgHeaderBgClip: inherit;
// @lgHeaderColor: @headerColor;

// 章节自动编号格式
// 导出的 HTML 中不生效，须添加以下 VLOOK 的调校参数「vlook-chp-autonum」
@h1BeforeContent: "";
@h2BeforeContent: "";
@h3BeforeContent: counter(h3) " ";
@h4BeforeContent: counter(h3) "." counter(h4) " ";
@h5BeforeContent: counter(h5, upper-alpha) ". ";

// 章节自动编号颜色
@contentHeaderNumColor: @themeForeColorFade;

// 表格圆角
@tableBorderRadius: 0;

// 标题的上边框
@h1BorderLeft: 0;
@h2BorderLeft: 0;
@h3BorderLeft: 0;
@h4BorderLeft: 0;
@h5BorderLeft: 0;
@h1BorderRight: 0;
@h2BorderRight: 0;
@h3BorderRight: 0;
@h4BorderRight: 0;
@h5BorderRight: 0;
@h2BorderBottom: 2px solid @buttonBgColor;
@h3BorderLeft: 5px solid @headerColor;

// 标题的圆角
@h2BorderRadius: 0;
@h3BorderRadius: 0;

// 标题内文本圆角
@h2SpanBorderRadius: 5px 5px 0 0;

// 标题边距
@h2Padding: 5px 5px 2px 0;
@h2SpanPadding: 4px 8px;
@h3Padding: 5px 10px;

@hContinuous: .5em;

@headerTextAlign: left;

// @quoteBgDefault: var(--blockquote-bg);

// 引用块
@quoteBorderLeft: @quoteBorderWidth solid var(--d-fc-a);
@quoteRadius: 0;

// 按钮色
@buttonForeColor: #FFFFFF;
@buttonForeHoverColor: #FFFFFF;
@buttonBgColor: @theme1;

// 链接颜色
@aBorderWidth: 2px;
@aColor: @headerColor;
@aColorDark: @headerColorDark;
@aLineColor: @theme2;
@aHoverColor: @aLineColor;
@aActiveColor: #282B3B;

// 封面、封底文字位置及对齐方式
@coverTextAlign: right;
@coverTextPadding: 120px 80px;
@coverTextColor: @themeForeColor;
@coverSubColor: @theme2;
@coverUnderlineColor: #808080;

@backCoverTextAlign: right;
@backCoverTextPadding: 50px 80px;
@backCoverTextColor: @themeForeColor;

@contrastBorder: 0 0 0 0 transparent;
@contrastBorderForCover: 0 0 0 2px rgba(0, 0, 0, 0.1) inset;

// 封面背景设置
@coverBackgroundColor: @themeBgColor;
@coverBackgroundImage: var(--thm-c-bg1);
@coverBackgroundSize: auto;
@coverBackgroundRepeat: no-repeat;
@coverBackgroundPosition: bottom left;
// 封底背景设置
@backCoverBackgroundColor: @coverBackgroundColor;
@backCoverBackgroundImage: var(--thm-c-bg2);
@backCoverBackgroundSize: @coverBackgroundSize;
@backCoverBackgroundRepeat: @coverBackgroundRepeat;
@backCoverBackgroundPosition: top left;

// 封面、封底素材资源
:root {
    --thm-c-bg1: url("");
    --thm-c-bg2: url("");
}

@import "../base";

@import "../gsa";
